<div class="container">
	<div class="banner">
	     <div id="banner" class="carousel slide" data-ride="carousel">
				  
				  <ol class="carousel-indicators">
				  	<notempty name="banner">
				  		<li data-target="#banner" data-slide-to="0" class="active"></li>
				  		<volist name="banner" id="data">	
				  			<if condition="$i gt 1">
				  				<li data-target="#banner" data-slide-to="{:$i-1}"></li>
				  			</if>		  			
		
				  		</volist>
				  	</notempty>
	    
				  </ol>	
				  <div class="carousel-inner" role="listbox">
				  
				  	<notempty name="banner">
				  		
				  		<volist name="banner" id="data">	
							<div class="item <if condition='$i eq 1'>active</if>">
							<a href="{$data['link']}">
								<img src="{:get_image_url($data['pic_url'])}" alt="{$data['title']}">
							</a>
						      
						      <div class="carousel-caption">
					        
					     	 </div>
				  	 	 </div>
				  		</volist>
				  	</notempty>
				</div>
				 <!-- Controls -->
				  <a class="left carousel-control" href="#banner" role="button" data-slide="prev">
				    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				    <span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control" href="#banner" role="button" data-slide="next">
				    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				    <span class="sr-only">Next</span>
				  </a>
		  </div>
	</div>
</div>